Edit data 

Data bisa berubah 

Buat file lagi edit users .dart 

Kita buat samakan dgn tambah user 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help e edit @_app - Visual Studio Code 


& & edit usersdart @ 6 
FIREBASE APP 6 c 
WM dartt import 
import 
import 


import 


Ahmad 


import 
Ahmadi 

class |AddUsers extends Statele 
const AddUsers( ? key}) : super(key: key); 


@override 
ldConte context 
der.of<Users>(context) ; 


appBar: 
title: 


DEBUG CONSOLE 
app time stats: avg=614.63ms min=7.8@ms max=6607.94ms count=1 


app time stats: avg=13.23ms min=5.35ms max=106.49ms 
app time st 2.14ms 6 
app time v 99ms 
Md Leer app_time_stats: av 87ms 9@ms count=31 


nana app_time_stats: a 20ms max=16.08ms count=31 


DEPENDENCIES 


GS > € B @ a e> » 5 8m 40) o4 | 


01:12 
Ih rem ja Cal SSM 


Ganti disini 

Appbar ganti 

Dan buton on presed kita ksongkan dahulu 
Ganti 


A 7. Edit Data.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle 


Tools View Help 


File Edit Selection View Go Run Terminal Help edit_users.dart - firebase_app - Visual 


£ & editusersdart X @ 


FIREBASE_APP 
@ dart too 


Ahmad 


onPressed: 


Ahmadi 


rant.dart 


DEBUG CONSOLE 


emulation( 8761): app_time_ avg=614.63ms min=7.8@ms max=6607.94ms count=1 


8701): app_time_stats 
8701): app time 
ulation( 8701): app time stat 
Md te! emulation( 8701): app time stats s ount=31 


TIMELINE GL 8701): app_time_stats 2 6 s 5 count=31 


DEPENDENCIES 


Bm ~ > AG mAd oo | 


01:36 
Di) im) Eat SS 


Maka tidak masalah kemudian users screen 
Hapus Saja get data yg dikomentar 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection Go Run Terminal Help 


@ users_screendart X 
FIREBASE APP & 
Me datt ); 
Fs 
child: Icor 
, 
appBar: 
title: 


Ahmad 


DEBUG 


OUTLINE 
TIMELINE 
DEPENDENCIES 


See COC TB IT e@ >» » G E m Ad ov | 


02:02 
I Ke CI S Sa 


Listile ada property ontap kita alihkan ke edit user 

Guna navigator push 

Kemudian ada builder nya yg isi nya context dia akan return edit user 
Jgn lupa di bungkus provider karna diapakai providers 

Create nya context rturn user 


A 7. Edit Data.mp4 - VLC media player 
Media Playback Audio Video 


Subtitle Tools View Help 


@ users_screen.dart X 


FIREBASE_APP é 
@ datt 


itemBuilder: (context, index 
user = data|index).data() a 


or. push( 
context, 
MaterialP 


builder: (context 


Ch fier 
create context 
child: EditUsers 


DEBUG COI 


3 of 648 libraries 
lation( 8701): app time avg=16211.55ms mi 521.53 


f 648 libraries in 631ms 
\( 8761): app time stats: avg-10662.63ms min=12.09ms max=31855.57ms cou 

OUTLINE 
TIMELINE G lation( 8701): app time stats: avg=453.@5ms min=8.02ms max=1246.05ms count=3 


DEPENDENCIES 


a 2Ha é BE eae» 9 TK Bb anan cosa 


03:29 
HE) rem a SISIA 


Kalau di klik maka masuk ke edit 


Tiingaal taruh data nya 

Cara mengambil data agar data ini bisa dimasukan ke dalam formnya 
Masuk kedalam users 

Buat function baru 


A 7. Edit Data.mp4 - VLC media player — x 
Media Audio Video Subtitle View 


Edit Selection Go Run Terminal Help u art - fir c OOD os 


Playback Tools Help 


© users.dart © 


irestore.instance; 
r firstnameC 
lastnameC 


id getUserByIdDoc 


addUser 
firstnameC.text.isNotEmpty && 
lastnameC.text.isNotEmpty && 
ageC.text.isNotEmpty 
llecti eference users = db.collection( 
users.add 
: firstnameC.text, 


DEBUG CONSOLE 


OUTLINE 

TIMELINE 

DEPENDENCIES 
@0A0@43 P Debug my code Ln 11,Col5 Spaces:2 UTF-8 CRLF Dart DartDevTools Flutter: 30.0 emulator-5554 (android-am) & Q 
| PA CL FB Ba >» & Bm ZW 0049 


04:14 
IN Ke Site] (RSX 


Kita banyak document kita akan get sesuai dgn idny 


A 7. Edit Data.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 


4 x a 
« C &  consolefirebase.google.com t/myapp-firet firestore/data/-2Fuser AWxomE x 04:107 1&3 : 
m 5 
ŠI A o be Maps @ INTRODUCTION E Situs tanpa @ Learn 20 Animatio 
Firebase myapp-firebase ~ Gotodocs A 9 
ft Project Overview Cloud Firestore e 
Data Rules Indexes Usage 

Build 

2% Authentication 

© App Check A 

3 Pay — 

Realtime Database = 

Y Extensions + Start collection + Add document + Start collect 

ES Storage users > 578f7zz74WxomBjogobX > + Add fie 

© Hosting 

() Functions 

Data 
© Machine Learning 
data 
E OH CK N TKB MO 0 > > a BBm AM os | 


04:16 
Ih ka mm Cl Sisi 


Ketika klik maka dia harus membutuhkan parameter id 
Maka buat property di edit screen 
Buat propert danb constructor 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help 


« © editusersdart X © # 206 
< 
import 
import 


import 


import 


Edi 

key); 

String idDoc; 
@override 


ppBar 


PROBLEMS (44 


& edit users.dart 16 
D The import of 'packagerflutter/src/foundation/key.dart' is unnec 
Try removing the import dir 
import impi 


port impi ma package 
OUTLINE 


TIMELINE 
DEPENDENCIES 


MO CO. é E © © 2 A 
T wm] ea Sisik oiai 
Disini id nya dari ambil dari user dari data[index].id 
A 7. Edit Data.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 


ction View Go Run Terminal Help © users_screer firebase_app le Oog\a — 


G & usersscreendat © 6 & . I rr 206 


FIREBASE APP & 


Sila SNULUaLai.UULa) 
me dartt F 


istView.builder 
itemCount: data.length, Gotodocs @ e 
itemBuilder: (context, index) 
user = data[{index].data() as @ 


75 


context, 


aterialPageRoute( 


builder: (context 


g tifierP ic 
create: (context) => Users(), 
child: EditU s(idDoc: datal index | 


ort of 'packa 
ing the impo 


import implementation file: 


OUTLINE 
TIMELI 

anata import implementation files from another package 
DEPENDENCIES 


05:44 
IN Ka DI SISI 


Ini sudah sebagai data kita hanya membutuhkan id nya 
Sudah mendapatkan id 

Tingal tampilkan 

Kembali ke edit user 

Tingal bungkus body nya dgn future builder 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help edit users.dart app - Visual Studio Code 


` 5 
FIREBASE APP 
MB dart tool Users users 
return $ 

appBar: 
title: 
, 

body: Futur lder 
builder: (context) 


adding( 


controller: users. firstnameC, 
decoration: InputDecoration 
border: OutlineInputBorder( 


PROBLEMS ‘44 
flutter-plu 


flutter-plug & edit users.dart 17 
iment type 'Padding Function( Context) 
) The import of 'package-flutter, /key.dart' is unnec. 
Try removing the import directive. 
rt implemen na er package. 
t import implementa m another pack 


Timeu 
ee he import of 'package‘flutter/src/widgets/framework dart’ is u 


DEPENDENCIES 


HOT €- € 


06:46 
Ih Ke Catt 


Di user sseharusnya tipe nya future 
Sama seperti get 


A 7. Edit Data.mp4 - VLC media player 
Media Playback Audio Video 


Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help 


£ e 
« vlc 
final db = reb i ore.instance; 
TextEditingc r r firstnameC = Tex 
tEditi troller lastnamec 
TextEditi 


vid addUser() { 


if (firstnameC.text.isNotEmpty && 
lastnameC.text.isNotEmpty && 
ageC.text.isNotEmpty) { 
CollectionReference users = db.collection( 
users.add 


firstnameC.text, 


PROBLEMS (4S Filt 


ausing ‘null 


it at the end. 


OUTUNE 
TIMELINE 


from ani 


import of ‘package:flutter/src/foundation/ke 
DEPENDENCIES 


mone «= © Beoe xX» 


a 


A & Bam AN 0052 


06:58 
|] Ke att 


- 
~ 


Kita ambil usersnya sama seperti ini 


x 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help 


£ 


not<Object?>> tUsers() { 
e users = db.collection( users") 
it users.get(); 


Stream<Query hot<Object?>> streamUsers() { 
Coll e users = db.collection( 
return users.snapshots(); 


PROBLEMS 


OUTLINE 
t import im 
TIMELI 
metan mport of 'f t joundation/key dart’ is unne 
DEPENDENCIES 


Lama € Bmeae < > Tin bbm Gg 0052 


07:05 


P| m|») calm Sisik « || 
Dibentuknya future kita buat 


Kita akan mengambil documentReference kita namakan docRef 
Doc ini membutuhkan id dari string Id 

Lalu kita return docRef.get() 

Kita akan get document sesuai dgn id 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help jart ) u OW) 03 


D Q & @ usersdart © 
FIREBASE_APP 
MB dart tool - r i ore. instance; 
firstnameC = TextEditingCont 
" lastnameC = TextE 
TextEditi t ler ageC = TextEditin 


Future getUserByIdDoc(String id) { 
& a DocumentF ce docRef = db.collection( ).doc(id) 


return docRef ths 


void addUser() 
if (firstnameC.text.isNotEmpty && 
lastnameC.text.isNotEmpty && 
ageC.text.isNotEmpty) { 


OUTLINE 
TIMELINE 


DEPENDENCIES 


a oiea Cc B Ta 4 > a 


08:16 
Pm ikem Cott SSM 


Future tipenya ap akita ambil kita copy 


A 7. Edit Data.mp4 - VLC media player 
Media Audio Video 


File 


Playback Subtitle Tools View Help 


Edit tion Go Run Terminal 


£ 


View 


Help 


ood 


e e © vcoredart @ 


get([GetOpt ? options]) 


© users.dart - firebase app - Visual Studic 


A 
e 
final db = 
TextEditi 
TextEditi 
TextEditin 


Type: Future<DocumentSnapshot<Object?>> 
Function([GetOptions?]) 
package:cloud firestore/cloud firestore.dart 


Reads the document referenced by this 
IDocumentReference) 


Future getu 
DocumentRef 
5 By providing [options], this method can be 

confiqured to fetch results only from the server, only 
return docRef.get(); 


void addUser() 
if (firstnameC.text.isNotEmpty && 
lastnameC.text.isNotEmpty && 
ageC.text.isNotEmpty) { 


s.dart 1 


TIMELINE 
DEPENDENCIES 


4 ‘print’ calls in production code 


15 


import implementa om a package 


ackage-fit sundation/key.dart’ i 


dgets/framework.dart 


TKA BBG 0053 


08:25 


|| 
Mka paste tipenya 


A 7. Edit Data.mp4 - VLC media player 
Media Audio Video 


File Edit 


KH DIN 


Playback Subtitle Tools View Help 


lection Run Terminal 


View 


PROBLEMS 


D 


The 


OUTLINE 
TIMELINE 


DEPENDENCIES 


ne) 
rat 


Help 


OO os 


x 


sual Studio 


& users.dart 
e 
final db = 
TextEditingí 


tore.instance; 

TextEditing 
TextEditingC 
ageC = TextEditingContr 


firstnameC 


lastnameC 


shot<Object?>> getUserByIdDoc(Strin 


DocumentRe docRef = db.collection( 


3 


return docRef.get(); 


addUser() 
(firstnameC.text.isNotEmpty && 
lastnameC.text.isNotEmpty && 


void 
if 


from another package 


foundation/key.dart' is unne 


ad complete! 


* AG § @ 0054 


08:31 


1] 
Di future builder tingal 
Tambah future nya 


ra 
ka 


Kelam (oa tH 


Dia membuthkan id ambil idDoc 


Tingal tambahkan snapshot 


Kita ambil datanya 


18:37 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help 


£ 


title: 
, 
body: Futur 
future: users.getUserByIdDoc(idDoc), 
builder: (context, snapshot) 
final data - snapshot.data; 
Padding( 
padding: const EdgeInsets.all(20.0 
child: Column 
children: 
TextField( 


hader or: Ne 
DAT 


, 


add u 
© edit users.dart 
een.dart 
dart controller: users.firstnameC, 
4 plugin registra decoration: InputDecoration 
border: OutlineInputBorder( 


PROBLEMS “44 


The import of ‘package-flutter/ 
Try removing the import direct 
fik 
t import implementation files from an 


ckage-fit src/widgets/framework.dart 


OUTLINE 
TIMELINE 
DEPENDENCIES 


ROTI ¢ OGE GAO < o 


09:35 
dc im» DI 


Final data = snapshot.data kita ambil data seperti ini 
Data seharusnya document kita lihat 
Masih object 


A 7. Edit Data.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle 


Tools View Help 


File Edit Selection View Go Run Terminal Help edit_users.dart - firebase 


ES & edit usersdart X 


FIREBASE APP t ' 
MB dart too title: Text 


, 
body: Futur e 
future: users.getUserByIdDoc(idDoc), 
builder: (context, snapshot) 
final data = snapshot.data; 


Object? data 


Type: Object? package-flutter/src/widgets/async.dart 


The latest data received by the asynchronous computation 


If this is non-null, [hasData] will be true. 


If [error] is not null, this will be null. See [hasError] 


If the asynchronous computation has never returned a value, 
this may be set to an initial data value specified by the 
relevant widget. See [FutureBuilder.initialData] and 


PROBLEMS (44 f ul Y 


D The import of ‘package‘flutter, ndation/key.dart' is unnec 
Try removing the import dir 
n't import imple 


n't import implementat 


OUTLINE 
TIMELINE 


its from) is mai 
DEPENDENCIES 


MO En € BE 8.) > ^ naban oss B 


>! Maa Dm HE: o — 
Coba di print data 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


lection View Go Run Terminal Help sers.dart - fireba 


` & editusersdart X 


title: 
, 
body: Fut 
future: users.getUserByIdDoc(idDoc), 
builder: (context, snapshot 
final data = snapshot.data; 
print(data); 


Ahmad 


Ahmadi 


padding: const 
child: umn 
dat children: | 
dart TextF eld( 
d plugin registr controller: users.firstnameC, 
decoration: InputDecoration 


border: OutlineInputBorder() 


Im windows 
D flutter-p! 


D 


“ DEBUG CONSOLE 
Dy TSI KEKE TE SITEN IN sues 


aller.dynamite:@ and remote module com.google.android.gms.providerinstaller.dynamite 


OUTLINE 39ms max=4678.16ms count 
TIMELINE 


DEPENDENCIES 


10:04 
bp Ka STILL 


Kita restart 

Di debug mmasih eror 

Future tipe nya kita copy berikan kesini 
Edit di future builder nya 

Dia akan mereturn document 


A 7. Edit Data.mp4 - VLC media player 
Media Playback Audio Video 


Subtitle Tools View Help 


Go Run Terminal Help s.dart - fire p - Visual Studio Code oooi - 
£ < 


FIREBASE_APP 
MH dan tc Toe 


title: T 
18 body: Futu 


Import library ‘package:cloud_firestore/cloud_firestore.dart’ tUserByIdDoc(idDoc), 
t, snapshot) 


napshot.data; 


Ahmad 
Create class 'Documer 


: Ahmadi 
te mixin 'DocumentSnapshot 


ap with widget 


een.dart 


ptions.dart Tenar 


plugin. regi P x 
h Padding users.firstnameC, 


InputDecoration 


OutlineInputBorder(), 


Wrap with Sized! 


Wrap with 


flutte ugins Extract Method 


al module com. google. android. gms.providerinst 
flutt g e Extract Local Variable 


oogle. android. gms. providerinstaller.dynamite 


oviderInstaller( 8701): F ed to load provide 
om. google. android. gms .providerinstaller.dynamite 
remote version is @ 
OUTLINE 


L_emulation( 8781): app time stats: av 9.99ms 66ms max-8346.02ms 
TIMELINE 


DEPENDENCIES 


gone = © EEEE 


10:30 
p | im» DI 


Lalu import 
Lalu print data nya 
Debug clear kan dahulu 


Klik data maka sudah ada 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


© edit usersdart X 
' 
appBar: 
title: 


, 

body: 
future: 
builder: 


Futur lder<DocumentSnaps 
users.getUserByIdDoc(idDoc), 
(context, snapshot 
data = snapshot.data; 

print(data); 

ing 

padding: cons 
child: C 
children: | 
tFi 
controller: users.firstnameC, 
decoration: InputDec 


hot<Ok 


-al1(26.8 


lumr 


ration( 


“ DEBUG CONSOLE t j 
I/flutter ( 8701 


EGL_emulation 


null 


8701): app time stats: avg=1899.25ms 


flutter ( 8701): Instance of *_JsonDocumentSnapshot 
OUTLINE 
TIMELINE 


DEPENDENCIES 


(Di 
e 
B 
5 


16.99ms max=7452 


58ms count 


Tn & Bam @ 0059 


10:44 


| 
Tingal pangil 


A 7. Edit Data.mp4 - VLC media player 
Media Playback Audio Video 


ra 
ka 


Ke) | >t th 


Subtitle 


Tools View Help 


Selection View Go Run Terminal Help edit users.dart - firebase app - Visual St 


« © editusersdat X © 


appBar 
title: Tex 
, 
body: 
future: users.getUserByIdDoc(idDoc), 
builder: (context, snapshot 
final data = snapshot.data!.data(); 
print(data) ; 


return F 


Future 1der«Documen 


padding: 2Insets.all 
child: C 
children: [ 
TextF 
controller: users.firstnameC, 


decoration: Inpu 


lumn 


ration( 


4 DEBUG CONSOLE Filt j 


D/EGL_emulation( 870 app_time_stats: avg=1699.25ms min=16.99ms maxs 


flutter ( 8701 
flutter ( 8701 
Reloaded 1 of 648 


JocumentSnapshot 


I age: 12, lastname: data} 


D „packa 


libraries 760ms 


01 


(irstname-MBMEMIMMESANNA, lastname: data) 


D/EGL emulation( 87 app time sta 
OUTLINE . 


TIMELINE 


flutter ( 8701) 


DEPENDENCIES 


6 
o 


yject?>> 


452.58ms count 


- A & Kam ZW 0059 


10:58 


il 
Maka benar 
Kita restart 
Kita klik datanya 
Maka sudah ada 


rs 
a 


Ke) | >t th 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Run Terminal 


e Object?>> 
future: users.getUserByIdi idDoc), 
builder: (context, snapshot 

final data = snapshot.data!.data(); 
print(data) ; 
turn Padding( 
padding: const Edgelr al1(26.6), 
child: 
children: | 
TextField( 
controller: users.firstnameC, 
decoration: Inp 


DEBUG CONSOLE 


(elided 3 frames from dart:async 


ulation( 8761): app time stats = S2ms min=27.85ms max=3586.65ms 
OUTLINE 


TIMELINE 1/flutter ( 8701): (Firstname: cswew MNI lastname: cascsa} 


DEPENDENCIES 


OT Ce. é BI. e : 9 © 8 æ zd oo NA 
11:23 18:37 
u ka a FG o ae 


Kita belum taruh di user screen karena umur masih dikasih default maka kita harus 
ganti 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help sers_screen.dart base app - Visual Studio Code OG) 0: 


& users_screendart X £ 


G 
create: (context) => Users(), 
child: EditUsers(idDoc: data[index] 
-id), 


title: Text(user 1), 
subtitle: Text ${user[ 1) 


OUTLINE 
TIMELINE 


DEPENDENCIES 


mi Ka D Si 

Maka sudah sesuai 
Sekarang sudah sesuai 
Sekarang di edit user tingal taruh textfield controller sudah definiskan 
Tingal isi controller nya 

Hapus saja printnya 

Tingal isi controller nya 


Ubah data nya as menjadi map String dynamic 
Kita save maka sudah sesuai 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


& editusersdat X 6 


FIREBASE_APP € r 


@ dar 
"= appBar 


title: 
, 
body: Fut 
future: 
builder: (context, snapshot 
final data = snapshot.data!.data() 
- dynamic?) 
© add_users.d users.firstnameC.text = data| 
& edit_users.dart : ding( 
padding: const Edgeln .a11(20.6), 
child: umn 
children: 
TextField( 
controller: users.firstnameCc, 


| DEBUGCONSOLE “= E = 
flutter-p 

ding. dart:997 
flutter-plugins-dependencies 


(elided 3 frames from dart 


OUTUNE D/EGL emulation( 8701): app_time_stats: avg=264.88ms mi 
TIMELINE 


DEPENDENCIES 


Acai 


A qi) 01:02 


13:33 
p | ike mr DI 


Kemudian sterusnya 


A 7. Edit Data.mp4 - VLC media player 
Media Playback Audio Video 


Subtitle Tools View Help 


@ editusersdat X È 
FIREBASE APP € ' ji wild 


eS body: Futur der<DocumentSnapshot<0 
h future: users.getUserByIdDoc(idDoc), 
builder: (context, snapshot 
final data = snapshot.data!.data() 
ring, dynamic>; 
users.firstnameC.text = data[ 
users.lastnameC.text = data 
users.ageC.text = data| 1s 
Padding( 
padding 
child: 
children: 
tField( 
controller: users.firstnameC, 
decoration: InputDecoration( 
aetna 
DEBUG CONSOL 


package: flutter/../scheduler/bindin 


/scheduler/binding. dart 


(elided 3 frames from dart:async 
TIMELINE 


DEPENDENCIES 


E G © <% > 4 


P Me) 


A 01:02 


18:37 


14:02 
|] Ke DI 


~ 


Sekarang sudah dpt datanya kita bungkus 
Kita cut dari sini 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


lection View Go Run Terminal Help edit usersdart - firebase_app 


& & edit usersdart X 


FIREBASE APP 
B dart tc 


padding: const EdgeInsets.all(20.0), 
child: Columr 
children: [ 
TextField( 
controller: users.firstnameC, 
efi - dart decoration: InputDecoration 
© generated plugin registrant dar border: OutlineInputBorder(), 


DEBUG CONSOLE 


package: flutter/../schedule 


OUTLINE 


(elided 3 frames from dart:asyn 
TIMELINE 


DEPENDENCIES 


14:08 
bp Ka DIN 


Samapi padding 
A 7. Edit Data.mp4 - VLC media player 
Media Audio Video 


Playback Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help edit_users.dart - firebase app - Visual Studio Code oooi - 


9 < & edit usersdart X È 


FIREBASE APP € | ji 
B dartt 
iden ) 
san SizedBox( 
AB build height: 10, 
PA INA TERI e 
ElevatedButton(onPressed: () {}, child: 
Text("Edit User")) 


ds 


DEBUG CONSOLE 


OUTLINE 


(elided 3 frames from dart:asyn 


TIMELINE 


DEPENDENCIES 


14:12 
p Ke DI 


x 


Kita kasih kondisi jika snapshot. Connection state == done maka jalankan paste tadi 


A 7. Edit Data.mp4 - VLC media player - x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal 


s>( context); 


appBar: 
title: 


, 


body: Fut 


(snapshot.connectionState == 
done) { 
data = snapshot.data!.data 
dynamic>; 
users.firstnameC.text = data 
users.lastnameC.text = data 
users.ageC.text = data 


PROBLEMS “43 


The body might complete nx using ‘null’ 


ding either a return or a statement at the end. 


OUTLINE 
TIMELINE 
DEPENDENCIES 


a 2 Hae B 8. ep » A GE mAd 0103 


14:46 
HE) kembu] Tilu Sisik 


masih eror dibawah nya kasih else 


A 7. Edit Data.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View Help 


View Go Run Terminal Help e dart 


G & © editusersdart X 


FIREBASE_APP € 1 
@ dartt 


n(onPressed: () 


OUTLINE 
TIMELINE 


DEPENDENCIES 


gore. © GOG E ow A s O Bam A ri 


15:09 
WE) iem) calm) Sisik 


Maka dia ada 2kondisi 

Skeranag tidak tejadi masalah 
Sekarang sudah men get masing2 user 
Sekarang proses update 

Kembali ke provider 

Buat lagi function baru 

Tipe nya void buat updateUser 


Sama seperti addUsers dia membutuhkan collection tapi dia bentuk nya document 
Karena mengubah document dan berikan id lagi 

Sesuai kan id nya 

Tidak usah return 

Buat docRef.update() 

Lalu isinya map sama seperti add 

Kita copy syntax add 

Sama seperti add 

Lalu save 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


FIREBASE_APP 


& dartt 
updateUser id 


docRef = db.collection 


Ff. update 
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Kemudian kasih di button edit user 
Diakan menjalan kan user.updateUser id dari IdDoc 


A 7. Edit Data.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Edit Selection View Go Run Terminal Help edit_users.dart - firebase app - Visual St 


£ @ editusersdat X È 
FIREBASE APP 
B dart tc 
controller: users.ageC, 
decoration Decoration( 
border 


Ahmad 


Ahmadi 


height: 10, 
, 
levatedButton 
onPressed: 
users.updateUser(idDoc) ; 


, 


child: Text( 
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Lalu kita jalankan kita ubah 

Kita kemabli maka sudah berhasil 
Disni Ketika klik maka Kembali 
Kasis pop context 


A 7. Edit Data.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle 


Tools View Help 


@ editusersdat X @ 


FIREBASE_APP 


BE dart. too InputBorder(), 


Data EDIT 


Ahmad EDIT 


ElevatedButton 


onPressed: ( 


Muji EDIT 


users.updateUser(idDoc) ; 
zator .pop( context); 


H 
“ DEBUG CONSOLE t i 


W/IInputConnectionWrapper( 8701): getTextAfterCursor on inactive InputConnec 


flutter-plugins-d 


W/IInputConnectionWrapper( 8701): getSelectedText on inactive InputConnection 
W/TInputConnectionWrapper( 8701): endBatchEdit on ive InputConnection 
@ W/TInputConnectionWrapper( 8701): getText e i ve InputConnection 
package: D/InsetsController( 8701 show( ime( fromime=true 
emulation( 8761): app time stats: avg-182.85ms min=S@.49ms ma sunt=8 
OUTUNE ulation( 8701): app_time_s avg=2@9.87ms min 5 s count=1 
TIMELINE 
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Sekarang sudah berhasil ubah data 
Berikutnya delete data 


